Available utilities

Components

We provide a component that allows you to render its children if a feature is active. In this exemple, <YourComponentToRender /> will be rendered only if the feature cart_revamp is active.

import { FlaghubFeature } from "flaghub-reactjs";

<FlaghubFeature reference="cart_revamp">
  <YourComponentToRender />
</FlaghubFeature>;

Hooks

We provide a hook that allows you to know if a feature is active.

import { useFlaghub } from "flaghub-reactjs";

export const YourComponent = () => {
  const { isFeatureActive } = useFlaghub();

  if (isFeatureActive("cart_revamp")) {
    console.log("I am active");
  } else {
    console.log("I am inactive");
  }

  ...
};

Miscellaneous

For some cases (in automated testing for instance), you might want to activate a feature "on the fly". You can achieve that with our attached window instance.

window.flaghub.setFeatureActive("cart_revamp");